<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
  <title>Stencil Component Starter</title>

  <script type="module" src="/build/ledge-kanban.esm.js"></script>
  <script nomodule src="/build/ledge-kanban.js"></script>

</head>
<body>
<ledge-kanban bins='' />
<script>
  document.addEventListener("DOMContentLoaded",() => {
    const kanban = document.querySelector('ledge-kanban')
    kanban.bins =  JSON.stringify([
      {
        due: '29 feb 2018',
        note: 'process example description',
        title: 'process example',
        outputs: [],
        cards: []
      }
    ])
  })
</script>
</body>
</html>
